<template>
  <view v-if="questionDetail" class="question-detail-container">
    <!-- 常见问题 -->
    <block v-if="showType == 0">
      <view class="question-title">{{ questionDetail.title }}</view>
      <view class="question-content"><u-parse :html="questionDetail.content"></u-parse></view>
    </block>

    <!-- 编辑问题1 -->
    <block v-else-if="showType == 1">
      <view class="question-title">什么情况下会被封号？</view>
      <view class="question-content">
        <view class="content-item">1.如果账号存在刷量行为，被系统检测到会被系统自动封号处理！</view>
        <view class="content-item">2.平台禁止自刷、朋友帮忙刷、机刷、发布任务刷等非发布作品正常推广手段套取收益薅羊毛行为，刷量非法套取收益的行为已被国家列为违法行为，严重刷量用户使平台受到损失，平台将保留刷量证据提交给有关部门处理！</view>
        <view class="content-item">3.为防止刷量薅羊毛行为，平台提现结算周期为T+30，提现门槛是50元起！</view>
        <view>4.刷量薅羊毛行为会被系统检测到并且无法提现，请不要浪费时间去刷量！学习好运营账号正规推广，获取收益很快！</view>
      </view>
    </block>

    <!-- 编辑问题2 -->
    <block v-else-if="showType == 2">
      <view class="question-title">素材上传规范。</view>
      <view class="question-content">
        <view class="content-item">1.素材作品需高清无水印；</view>
        <view class="content-item">2.用未成年动漫或真人素材；</view>
        <view class="content-item">3.禁止低俗暴露、色情、美女类；</view>
        <view class="content-item">4.表情包禁有低俗动作诱导或文字；</view>
        <view class="content-item">5.禁止恐怖、阴暗、暴力、流血元素；</view>
        <view class="content-item">6.禁止上传明星爱豆等相关版权内容；</view>
        <view class="content-item">7.禁止国家法定证件相关的图片上传等；</view>
        <view class="content-item">8.禁止上传刀具、吸烟、枪支等不良导向素材；</view>
        <view class="content-item">9.禁传有侮辱性语言或动作，大面积纹身黑帮等；</view>
        <view>温馨提示：上传作品会通过AI检测与人工检测，不能通过请自查以上原因！</view>
      </view>
    </block>

    <!-- 编辑问题3 -->
    <block v-else-if="showType == 3">
      <view class="question-title">平台提现规则说明？</view>
      <view class="question-content">
        <view class="content-item">1.为防止黑产羊毛党恶意刷量采取不合法的方式获取收益！平台初级会员提现不是T+1提现，当天产生收益需要N天后提现！</view>
        <view class="content-item">2.平台设置有最低提现金额额度，提现时必须超过系统所设置的金额才可以申请提现。</view>
        <view class="content-item">3.提现到账时间为1-7个工作日。</view>
      </view>
    </block>

  </view>
</template>

<script>
import { mapGetters } from 'vuex';
export default {
  data() {
    return {
      showType: 0,
    }
  },
  onLoad(options) {
    console.log(options);
    this.showType = options.showType;
  },
  computed: {
    ...mapGetters([
      'questionDetail'
    ])
  },
}
</script>

<style lang="scss">
  .question-detail-container{
    padding: 40rpx 24rpx 24rpx 24rpx;

    .question-title{
      font-size: 32rpx;
      font-weight: bold;
      margin-bottom: 24rpx;
    }

    .question-content{
      font-size: 24rpx;
      color: #888;
    }

    .content-item{
      margin-bottom: 6rpx;
    }
  }
</style>
